<!DOCTYPE html>
<html>

<head>
    <title>{$info.company}</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="target-densitydpi=device-dpi, width=400px, user-scalable=no" />
    <!-- Latest compiled and minified CSS -->
<!--     <link rel="stylesheet" href="../Public/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../Public/font-awesome-4.4.0/css/font-awesome.css">
    <script type="text/javascript" src="../Public/plugins/jQuery/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../Public/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../Public/css/bizcard.css?v=20160930">
    <link rel="stylesheet" href="../Public/plugins/mui/mui.css">
    <script type="text/javascript" src="../Public/plugins/mui/mui.js"></script> -->
	<include file="Share:meta" />
    <style type="text/css">

    #rightButton{ width: 39px; height: 52px;  position: absolute;
    	top: 75px; right: 0px; font-size: 27px; z-index: 99999; background-image: url(../Public/Bizcard/icon/leftbutton.png?v20); 
    	margin-right: 0px; border: 0px; background-color: #262626;}
    #rightPanel{ background-color: #0e0e0e; }
    .mui-scroll-wrapper{ background-color: #0d0d0d; }
    </style>
    <script type="text/javascript">

    </script>
</head>

<body>



<div class="mui-off-canvas-wrap">

	
		<aside class="mui-off-canvas-right">
			<div class="mui-scroll-wrapper">
			    
			    <div class="mui-scroll">

			    	<div id="rightPanel">
			    		<div class="container-fluid mui-scroll">
							<br><br>
					    	<div class="row">
					    		<div class="col-xs-12 textcenter">
					    			<img src="../Public/Bizcard/icon/icon100.png?v20">
					    			<br><a class="btn btn-default" href="/Bizcard/login/hash/{$info.hash}" style="background-color: #0e0e0e; color:#fff; border:0px; font-size:22px;">用户登录</a>

					    		</div>
					    	</div>
				    	</div>
			    	</div>
			    </div>
			    	
	    	</div>
	    </aside>
	


    <div class="container-fluid container mui-inner-wrap">
    	
    	

    	<button id="rightButton" class="rightButton" onclick="mui('.mui-off-canvas-wrap').offCanvas().toggle();"></button>

        <div class="row header">
            <div class="" style="padding:0px;">
                <div class="col-xs-11 header_title np">
                    <span style="margin-left:25px;">{$info.company} </span> &nbsp;
                    <img src="../Public/Bizcard/icon/icon_vip01.png" width="22">
                    <img src="../Public/Bizcard/icon/icon_vip02.png" width="22">
                    <img src="../Public/Bizcard/icon/icon_vip03.png" width="22">
                </div>
                <div class="clearfix">
                </div>
            </div>
            <div class="photorow">
                <div class="col-xs-5 textright">
                    <div class="photo">
                        <img src="{$info.Avatar}">
                    </div>
                </div>
                <div class="col-xs-1">
                </div>
                <div class="col-xs-6 textleft np">
                    <div class="f_left name">
                        <h3 class="name-cn">
						{$info.name}
						<span class="name-en">{$info.en}</span>
					</h3>
                        <h4 class="zhiwei">{$info.title}</h4>
                    </div>
                    <div class="header_share">
                        <img src="../Public/Bizcard/icon/ico_friends.png" height="20">
                    </div>
                </div>
                <div class="clearfix">
                </div>
            </div>
        </div>
        <div class="row midnav">
            <div class="col-xs-4 textcenter" onclick="$('.popbizcard').toggle();">
                <img class="icon" src="../Public/Bizcard/icon/btn_mpsave.png">
                <div>一键保存</div>
            </div>
            <div class="col-xs-4 textcenter">
                <a href="tel:18106933881">
                    <img class="icon" src="../Public/Bizcard/icon/btn_phone.png">
                    <div>拨打电话</div>
                </a>
            </div>
            <a href="/bizcard/intro/hash/{$info.hash}"><div class="col-xs-4 textcenter">
                <img class="icon" src="../Public/Bizcard/icon/btn_news.png">
                <div>企业信息</div>
            </div></a>
        </div>
        <div class="row funclist">
            <a href="http://m.amap.com/?q={$info.latitude},{$info.longitude}"><div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_map.png">
                <div>地图导航</div>
            </div></a>
            <div class="col-xs-4 textcenter func offcanvas-toggle">
                <img src="../Public/Bizcard/icon/btn_gscx.png">
                <div>工商信息</div>
            </div>
            <a href="/bizcard/pos"><div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_sjpos.png">
                <div>手机POS</div>
            </div></a>
            <div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_dian.png">
                <div>他的店铺</div>
            </div>
            <div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_mpxg.png">
                <div>名片制作</div>
            </div>
            <div class="col-xs-4 textcenter func">
                <img src="../Public/Bizcard/icon/btn_more.png">
                <div>更多功能</div>
            </div>
            <div class="clearfix">
            
            </div>
        </div>
        <div class="detail">
            <div class="row">
                <div class="col-xs-12 line">
                    <img class="icon" src="../Public/Bizcard/icon/ico_tel.png"> {$info.mobile}
                </div>
                <div class="col-xs-12 line">
                    <img class="icon" src="../Public/Bizcard/icon/ico_mail.png"> {$info.email}
                </div>
                <div class="col-xs-12 line">
                    <img class="icon" src="../Public/Bizcard/icon/ico_wechat.png"> {$info.weixin}
                </div>
                <div class="col-xs-12 line">
                    <img class="icon" src="../Public/Bizcard/icon/ico_www.png"> {$info.site}
                </div>
                <div class="col-xs-12 line">
                    <img class="icon" src="../Public/Bizcard/icon/ico_point.png"> {$info.address}
                </div>
            </div>
        </div>
        <div class="navbar footbar">
            <div class="row">
                <div class="col-xs-4 line textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_back.png">
                </div>
                <div class="col-xs-4 line textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_home.png">
                </div>
                <div class="col-xs-4 line textcenter">
                    <img class="icon" src="../Public/Bizcard/icon/tabbar_more.png">
                </div>
            </div>
        </div>


        <div class="popbizcard">
    		 <div class="qrcodepanel">
    		 	<a href="javascript:$('.popbizcard').hide();" title="关闭" class="close" style="position:absolute; width:40px; height:40px;font-size:20px; right:0px; top:10px; z-index:999; text-align:center; line-height:30px; color:#000; font-weight:bolder;">×</a>
    		 	<div class="col-xs-12 textcenter qrtitle">
    		 		{$info.company}
    		 	</div>
    		 	<div class="row">
    		 		<div class="col-xs-12 textcenter">
    		 			<div class="photo">
                        <img src="{$info.Avatar}">
                    </div>
    		 	</div>

    		 	<div class="row">
    		 		<div class="col-xs-12 textcenter">
    		 			<h4 class="name-cn">{$info.name}</h4>
    		 			<h6 class="name-en">{$info.name_en}</h6>
    		 			<h4 class="zhiwei">{$info.title}</h4>
    		 		</div>
    		 	</div>
    		 	<div class="row">
    		 		<div class="col-xs-12 textcenter qrpng">
    		 			<img src="/bizcard/bizqrcode/hash/a067eb9c816d">
    		 			<br>
    		 			<div>长按识别二维码，保存到手机通讯录</div>
    		 		</div>
    		 	</div>
    		 </div>
        </div>
    </div>

    <style type="text/css">
    	
    </style>
</div>
</body>

</html>
